import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            redirect: '/index.html',
        },
        // {
        //     path: '/',
        //     name: 'home',
        //     component: () => import('../components/appIndex.vue'),
        // },
    ],
})

//设置路由的前置守卫，当路由发生跳转前会执行beforeEach函数中的回调函数
router.beforeEach((destination, current, next) => {
    // destination 标识跳转到的目的路由，current表示当前路由，next表示放行(只有执行了该方法，路由才能完成跳转)
    // next("路径") 该操作表示路由的重定向
    //console.log('beforeEach执行了...')
    //console.log('上一个位置=', current.path)
    //console.log('当前位置=', destination.path)
    next()
})

// 设置路由的后置守卫，当路由发生跳转后会执行afterEach函数中的回调函数
router.afterEach(() => {
    //console.log('上一个位置=', current.path)
    //console.log('当前位置=', destination.path)
    //console.log('afterEach执行了...')
})

export default router
